<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>账户开立</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../layui/layui.js"></script>
    <script src="../js/comm-registerAccount.js"></script>
    <link rel="stylesheet" href="../css/basic.css">
    <link rel="stylesheet" href="../css/registerAccount.css">
</head>

<body>
    <!-- fm-basic负责使表格居中 -->
    <form class="layui-form fm-basic" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">户名</label>
            <div class="layui-input-block">
                <input type="text" name="userName" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input" value="">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">证件类型</label>
            <div class="layui-input-block">
                <select name="" lay-verify="required">
                    <option value=""></option>
                    <option value="0">二代身份证</option>
                    <option value="1">军人证</option>
                    <option value="2">外籍护照</option>
                </select>
            </div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label">证件号码</label>
            <div class="layui-input-block">
                <input type="text" name="id" required lay-verify="identity" placeholder="" autocomplete="off" class="layui-input" maxlength="18">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">证件复印件</label>
            <div class="layui-upload">
                <button type="button" class="layui-btn" id="test1">上传图片</button>
                <div class="layui-upload-list">
                    <img class="layui-upload-img" id="demo1">
                    <p id="demoText"></p>
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">电话号码</label>
            <div class="layui-input-block">
                <input type="text" name="telNum" required lay-verify="telNum" placeholder="" autocomplete="off" class="layui-input" maxlength="11">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">摘要码</label>
            <div class="layui-input-block">
                <input type="text" name="noteNum" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input" value="020000" readonly="true">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">摘要</label>
            <div class="layui-input-block">
                <input type="text" name="note" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input" value="开户" readonly="true">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">登记日期</label>
            <div class="layui-input-block">
                <input type="text" id="date" name="date" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input" readonly="true">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">凭证编码</label>
            <div class="layui-input-block">
                <input type="text" name="evidenceNum" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">是否凭密</label>
            <div class="layui-input-block">
                <select name="" lay-verify="" id="select1" lay-filter="dep">
                    <option value=""></option>
                    <option value="1">是</option>
                    <option value="0">否</option>
                </select>
            </div>
        </div>
        <!-- btn-center 负责让包含了提交与重置按钮居中 -->
        <div class="layui-form-item">
            <div class="layui-input-block btn-center">
                <button class="layui-btn" lay-submit lay-filter="formDemo">提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</body>
</html>
<div id="print_layer" style="display: none;">
        <table class="layui-table">
                <colgroup>
                  <col width="150">
                  <col width="200">
                </colgroup>
                <thead>
                  <tr>
                    <th>数据项</th>
                    <th>数据</th>
                  </tr> 
                </thead>
                <tbody>
                  <tr>
                    <td>户名</td>
                    <td id="userNameBack"></td>
                  </tr>
                  <tr>
                    <td>证件号码</td>
                    <td id="idBack"></td>
                  </tr>
                  <tr>
                    <td>电话号码</td>
                    <td id="telNumBack"></td>
                  </tr>
                  <tr>
                    <td>摘要码</td>
                    <td id="noteNumBack"></td>
                  </tr>
                  <tr>
                    <td>摘要</td>
                    <td id="noteBack"></td>
                  </tr>
                  <tr>
                    <td>开户日期</td>
                    <td id="dateBack"></td>
                  </tr>
                    <tr>
                    <td>凭证编码</td>
                    <td id="evidenceNumBack"></td>
                  </tr>
                </tbody>
              </table>
              <div class="btn-center">
              <button class="layui-btn" lay-submit lay-filter="pass">确认</button>
              </div>
</div>

<div id="pass_layer" style="display:none;">
    <form class="layui-form" style="margin-top:20px;width:90%"><div class="layui-form-item">
        <label class="layui-form-label">密码</label>
        <div class="layui-input-block">
        <input type="password" id="oldPwd" name="password" required lay-verify="pass" placeholder="请输入密码" autocomplete="off" class="layui-input" maxlength="6" >
        </div></div><div class="layui-form-item">
        <label class="layui-form-label">确认密码</label>
        <div class="layui-input-block">
        <input type="password"  name="password" required lay-verify="confirmPwd|pass" placeholder="请输入密码" autocomplete="off" class="layui-input" maxlength="6">
        </div></div>
        <div class="layui-form-item">
        <div class="layui-input-block btn-center">
        <button class="layui-btn" lay-submit lay-filter="pass">提交</button>
        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
        </div>
    </from>
</div>